<template>
	<view class="box1">
		<view class="" style="background-color: #fff;"><Title :txt="'安全设置'" :showback="true"></Title></view>
		<view class="" style="background-color: #fff;">
			<view class="dash1 fcs mgt20"></view>
			<view class="dash fsc" style="background-color: #FFFFFF;"></view>
			<navigator class="itembox mgt24 fsc border" style="background-color: #FFFFFF;" url="./modefiypassword">
				<view class="item fcs"><view class="f16">重置登录密码</view></view>
				<view class="f14"><image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image></view>
			</navigator>
			<navigator class="itembox mgt24 fsc border" style="background-color: #FFFFFF;" url="modefiypayword">
				<view class="item fcs"><view class="f16">重置支付密码</view></view>
				<view class="f14"><image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image></view>
			</navigator>
			<navigator class="itembox mgt24 fsc border" style="background-color: #FFFFFF;" url="./xgtel">
				<view class="item fcs"><view class="f16">修改手机号</view></view>
				<view class="f14"><image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image></view>
			</navigator>
			<navigator class="itembox mgt24 fsc border" style="background-color: #FFFFFF;" url="./xgemail" >
				<view class="item fcs"><view class="f16">修改邮箱</view></view>
				<view class="f14"><image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image></view>
			</navigator>
	<!-- 		<navigator class="itembox mgt24 fsc border" style="background-color: #FFFFFF;" url="../bindemail/bindemail" v-if="showbindemail">
				<view class="item fcs"><view class="f16">绑定邮箱</view></view>
				<view class="f14"><image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image></view>
			</navigator> -->
		</view>
		<view class="logout orcolor f15" @click="open">退出登录</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [{ name: '提币', number: -25.0, time: '2020.09.29 15:04:51' }],
			status: 0,
			active: 2,
			popupVisible: false,
			showbindemail: true
		};
	},
	onLoad() {},
	onShow() {
		this.$http.post('user.userInfo', { isAuth: true, tipConfig: { isLoading: false } }).then(res => {
			// console.log(res);
			if (res.data.email) {
				this.showbindemail = false;
			}
			//
		});
	},
	methods: {
		open() {
			// console.log(111);
			uni.reLaunch({
				url: '../login/index'
			});
		}
	}
};
</script>

<style lang="less">
page {
	background-color: #f9fafb;
}
body,
html {
	background-color: #f9fafb;
}
.box1 {
	padding-bottom: 80rpx;
	.list {
		width: 642rpx;
		height: 252rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 24rpx;
		margin-left: auto;
		margin-right: auto;
		padding: 36rpx;
		position: relative;
		.po {
			position: absolute;
			right: 0;
			bottom: 0;
		}
	}
	.dash1 {
		padding: 0 54rpx;

		image {
			width: 36rpx;
			height: 36rpx;
		}
		.small {
			width: 116rpx;
			height: 2rpx;
			background-color: #dbdcdd;
		}
	}
	.dash {
		padding: 0 46rpx;
	}
	.itembox {
		width: 690rpx;
		padding: 0 0rpx 36rpx 0rpx;
		border-bottom: 2rpx solid rgba(94, 95, 99, 0.16);
		margin-left: auto;
		margin-right: auto;
	}
	.end {
	}
}
.logout {
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	height: 108rpx;
	line-height: 108rpx;
	margin-top: 60rpx;
}
</style>
